<template>
  <div class="filter_handicap">
    <div class="filter_handicap_tables" v-loading="state.loadingfilterdata">
      <el-scrollbar>
        <!-- 胜平负 -->
        <WinDrawLose />
        <!--大小球  -->
        <SizeBalls />
        <!-- 让球 -->
        <LetBallGo />
        <!-- 角球 -->
        <CornerKick />
      </el-scrollbar>
    </div>
  </div>
</template>

<script setup>
import WinDrawLose from './components/WinDrawLose.vue'
import SizeBalls from './components/SizeBalls.vue'
import LetBallGo from './components/LetBallGo.vue'
import CornerKick from './components/CornerKick.vue'

const { store, state } = inject('Filter')
</script>

<style lang="scss" scoped>
.filter_handicap {
  width: 430px;
  height: 100%;
  overflow: hidden;
  padding-right: 24px;
  margin-top: 24px;
}
.filter_handicap_tables{
    height: 100%;
}
</style>